#SearchCom{
    background: #fcfcfd;
    position: relative;
    .s_box{
        padding: 0.3rem;
        .s_inp{
            width: 100%;
            outline: none;
            height: 0.6rem;
            border: none;
            background: #ededed;
            border-radius: 0.3rem;
            text-align: center;
            &::placeholder{
                // color: red;
                opacity: 0.5;
            }
        }
        .clearBtn{
            position: absolute;
            right: 0.5rem;
            top: 0.4rem;
            width: 0.3rem;
            height: 0.3rem;
            border: 1px solid #666;
            text-align: center;
            border-radius: 50%;
            line-height: 0.3rem;
            cursor: pointer;
        }
    }
    .s_hot{
        margin-top: 20px;
        padding: 0 0.3rem;
        .s_hot_tit{
            padding: 0.2rem 0;
            color: #666;
        }
        .hots_ul{
            li{
                float: left;
                height: 0.6rem;
                margin-right: 8px;
                margin-bottom: 8px;
                padding: 0 0.3rem;
                font-size: 0.3rem;
                line-height: 0.6rem;
                color: #333;
                border-width: 1px;
                border: 1px solid #d3d4da;
                border-radius: 32px;
            }
        }
    }
    .s_sug{
        font-size: 0.3rem;
        .s_sug_ul{
            .s_sug_tit{
                padding:0.1rem 0.2rem;
                color: royalblue;
            }
            li{
                padding: 0 0.4rem;
                height: 0.8rem;
                line-height: 0.8rem;
                border-top: 0.01rem solid #efefed;
                &:last-child{
                    border-bottom: 0.01rem solid #efefed;
                }
            }
        }
    }
    .s_list{
        .s_list_ul{
            li{
                padding: 0.3rem 0;
                border-bottom: 1px solid #f5f5f5;
                .itemCon{
                    height: 1.1rem;
                    padding:  0 0.2rem;
                    .songInfo{
                        width: 5rem;
                        float: left;
                        .songName{
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            font-size: 0.32rem;
                            font-weight: bolder;
                            overflow: hidden;
                            margin-bottom: 0.2rem;
                        }
                        .artists{
                            font-size: 0.22rem;
                            color: #515151;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            span{
                                &::after{
                                    content: '/';
                                    margin: 0 0.05rem;
                                }
                                &:last-child::after{
                                    content: '';
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
